<!DOCTYPE html>
<html class="no-js">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <!-- 启用360浏览器的极速模式(webkit) -->
  <meta name="renderer" content="webkit">
  <!-- 避免IE使用兼容模式 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
  <meta name="HandheldFriendly" content="true">
  <!-- 微软的老式浏览器 -->
  <meta name="MobileOptimized" content="320">
  <!-- uc强制竖屏 -->
  <meta name="screen-orientation" content="portrait">
  <!-- QQ强制竖屏 -->
  <meta name="x5-orientation" content="portrait">
  <!-- UC强制全屏 -->
  <meta name="full-screen" content="yes">
  <!-- QQ强制全屏 -->
  <meta name="x5-fullscreen" content="true">
  <!-- UC应用模式 -->
  <meta name="browsermode" content="application">
  <!-- QQ应用模式 -->
  <meta name="x5-page-mode" content="app">
  <!-- windows phone 点击无高光 -->
  <meta name="msapplication-tap-highlight" content="no">
  <!-- 适应移动端end -->
	<title>水果拼团网站</title>
	<link rel="stylesheet" href="css/frameui.css"/>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
    <div id="meal">
      <!--html5 nav-->
      <nav class="j-nav navbar">
        <div class="logo fl">
          <a href="index.html"></a>
        </div>
        <span class="user-title">优惠套餐</span>
        <div class="shopping-cart fr">
          <a href="index.html"></a>
        </div>
      </nav>
      <img src="images/j-banner04.jpg">
      <div class="meal_content">
        <ul>
          <li>
            <div class="count_down">
              <i class="clock"></i>距结束
              <span>23</span>:<span>59</span>:<span>59</span>
            </div>
            <div class="cl"></div>
            <div class="meal_list">
              <div class="meal_img fl">
                <img src="images/m1.jpg">
              </div>
              <div class="meal_text">
                <h1>佳沛新西兰阳光金奇异果</h1> 
                <h2>规格：8个装</h2> 
                <div class="meal_price">
                    ￥<span>69</span>.00
                    <i class="meal_join fr"></i>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="count_down">
              <i class="clock"></i>距结束
              <span>23</span>:<span>59</span>:<span>59</span>
            </div>
            <div class="meal_list">
              <div class="meal_img fl">
                <img src="images/m2.jpg">
              </div>
              <div class="meal_text">
                <h1>长柄玫瑰草莓</h1> 
                <h2>规格：2盒装</h2>
                <h2>限量：【每日限量400份】</h2>
                <div class="meal_price">
                    ￥<span>59</span>.00
                    <i class="meal_join fr"></i>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="count_down">
              <i class="clock"></i>距结束
              <span>23</span>:<span>59</span>:<span>59</span>
            </div>
            <div class="meal_list">
              <div class="meal_img fl">
                <img src="images/m3.jpg">
              </div>
              <div class="meal_text">
                <h1>墨西哥牛油果（巨无霸）</h1> 
                <h2>规格：6个装</h2>
                <h2>限量：【每日限量300份】</h2>
                <div class="meal_price">
                    ￥<span>69</span>.00
                    <i class="meal_join fr"></i>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="count_down count_down_end">
              <i class="clock"></i>距结束
              <span>00</span>:<span>00</span>:<span>00</span>
            </div>
            <div class="meal_list">
              <div class="meal_list_end">
                <div class="qwl"><img src="images/qwl.png"></div>
              </div>
              <div class="meal_img fl">
                <img src="images/m4.jpg">
              </div>
              <div class="meal_text">
                <h1>越南火龙果</h1> 
                <h2>规格：2个装</h2>
                <h2>限量：【每日限量200份】</h2>
                <div class="meal_price">
                    ￥<span>25</span>.00
                    <i class="meal_join fr"></i>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="count_down count_down_end">
              <i class="clock"></i>距结束
              <span>00</span>:<span>00</span>:<span>00</span>
            </div>
            <div class="meal_list">
              <div class="meal_list_end">
                <div class="qwl"><img src="images/qwl.png"></div>
              </div>
              <div class="meal_img fl">
                <img src="images/m5.jpg">
              </div>
              <div class="meal_text">
                <h1>精选砂糖桔</h1> 
                <h2>规格：4斤装</h2>
                <h2>限量：【每日限量600份】</h2>
                <div class="meal_price">
                    ￥<span>49</span>.00
                    <i class="meal_join fr"></i>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
</body>
</html>